*{
background:transparent;
margin:0;
padding:0;
list-style:none;
font-family:Arial, Helvetica, sans-serif;}
#width25{ width:25px; height:25px;}
#width30{ width:30px; height:30px;}
#width50{ width:50px; height:50px; border-radius:4px;}
#width60{ width:60px; height:60px; border-radius:4px;}
#width70{ width:70px; height:70px; border-radius:4px;}
#clear10{ height:10px; clear:both; width:100%;}
#clear20{ height:21px; clear:both; width:100%;}
#solid{ width:95%; margin:auto; border-bottom:1px solid #F00; height:5px; clear:both; margin-top:5px; margin-bottom:5px;}
a:link{
	text-decoration:none;
	color:#666;}
a:hover{
	text-decoration:none;}
a:visited{
	text-decoration:none;}
#resize-w100{ max-width:100px;}
body{
	background:url(../images/bg.png) repeat-x;}
	
#fixbaner{
	width:auto; z-index:99;
}
	#fix_left{
		width:150px; height:200px; background:#F00; left:0; top:100px;position:fixed; z-index:99; }
	#fix_right{
		width:150px; height:200px; background:#090; right:0;  top:100px; position:fixed; z-index:99;}
.header{
width:100%;
}
	.header_content{
	background:url(../images/header.jpg) top center no-repeat scroll;
	width:990px; height:162px;
	margin:auto; display:block;}
	.topheader{ width:100%; clear:both;}
	.logo{
	background:url(../images/lobg.png) center top no-repeat;
	height:119px; width:320px; float:left;}
	.navbar{
	background: url(../images/nav-bg.gif) repeat-x scroll center top ;
	border: 1px solid #D2D2D2;
	border-radius: 4px 4px 4px 4px;
	font-family: 'Allerta',sans-serif;
	font-size: 13px;
	height:40px;
	width:988px;
	margin:auto; display:block; clear:both;
	z-index:999;}
	.navbar ul{ list-style:none;
	border-radius: 0 0 10px 10px;text-align:center;}
	#nav_item:hover{background:url(../images/nav_hover.png) repeat-x;}
	#nav_item span{ display:block; position:absolute; clear:both; margin-left:70px; font-size:11px; list-style:square;}
	#subcate{
		font-size:12px;
		color:#000;
		margin-left:20px;}
	.sub_cate1{ margin-top:0px;}
	.sub_cate2{ margin-top:10px;}
	.sub_cate3{ margin-top:20px;}
	.sub_cate4{ margin-top:30px;}
	.sub_cate5{ margin-top:40px;}
	.sub_cate6{ margin-top:0px;}
	.sub_cate7{ margin-top:0px;}
	.sub_cate8{ margin-top:0px;}
	.sub_cate9{ margin-top:0px;}
	.sub_cate10{ margin-top:0px;}
	#nav_item{
		position:relative;
		display:inline; border-right: 1px solid #dedede;
		height:41px; width:150px;	
		float:left;text-align:center;}
	.item1_lv1{ position:relative;}
	.item1_lv2{ position:absolute; 
		background:url(../images/tablebg.png) repeat; 
		margin-left:-151px; margin-top:-1px;
		padding:5px 5px 10px 5px;
		width:978px; height:auto;
		display:none; z-index:1000; border-radius:0 0 8px 8px;}
	.item2_lv1{ position:relative;}
	.item2_lv2{ position:absolute; 
		background:#fff; 
		margin-left:-151px; margin-top:-1px;
		padding:5px 5px 10px 5px;
		width:978px; height:auto;
		display:none; z-index:1000; border-radius:0 0 8px 8px;}
			.item2_lv1:hover>.item2_lv2{ display:block;}
	.item3_lv1{ position:relative;}
	.item3_lv2{ position:absolute; 
		background:url(../images/tablebg.png) repeat; 
		margin-left:-151px; margin-top:-1px;
		padding:5px 5px 10px 5px;
		width:978px; height:auto;
		display:none; z-index:1000; border-radius:0 0 8px 8px;}
			.item3_lv1:hover>.item3_lv2{ display:block;}
	.item4_lv1{ position:relative;}
	.item4_lv2{ position:absolute; 
		background:url(../images/tablebg.png) repeat; 
		margin-left:-151px; margin-top:-1px;
		padding:5px 5px 10px 5px;
		width:978px; height:auto;
		display:none; z-index:1000; border-radius:0 0 8px 8px;}
			.item4_lv1:hover>.item4_lv2{ display:block;}		
	.item5_lv1{ position:relative;}
	.item5_lv2{ position:absolute; 
		background:url(../images/tablebg.png) repeat; 
		margin-left:-151px; margin-top:-1px;
		padding:5px 5px 10px 5px;
		width:978px; height:auto;
		display:none; z-index:1000; border-radius:0 0 8px 8px;}
			.item5_lv1:hover>.item5_lv2{ display:block;}
	.nav_element{ 
		display: block;
		float: left;
		height: 70px;
		margin: 3px 0;
		padding: 5px;
		text-align: left !important;
		width: 315px;
		border-radius:5px;}
	.nav_element:hover{ 
		/*background:url(../images/highlight.png) repeat;*/
		color:#fff;}
	.nav_element a{
		color:#000;}
	.nav_element a:hover{
		text-shadow:1px 1px 1px #666;
		color:#000;}
		.nav_thumb{ float:left; display:block; border-radius:3px; margin-right:5px;}
		.nav_product{ float:left; display:block; padding:2px 10px;
			font-size:18px; color:#333;}
.subcat-around{ margin-top:-50px; margin-bottom:70px; }
#img-round{  overflow:hidden; border:1px dotted #dedede; max-height: 450px;}
	#navbar-link{
		font-family:'Allerta',sans-serif;
		text-decoration:none;height:40px; line-height:40px; width:149px; display:block;
		font-size:17px;
		padding:0;
		color:#6B6B6B; letter-spacing:-1px;
		text-transform:capitalize; text-align:center;}
	
    .navbar ul a{
	font-family:'Allerta',sans-serif;
	text-decoration:none;
	font-size:16px;
	padding:0;
	color:#6B6B6B;
	text-transform:capitalize; text-align:center;}
	.navbar ul li ul{
	display:none;
	position:absolute;
	z-index:10;
	padding:10px;}
	.navbar ul li:hover> ul{
	padding-bottom:20px;
	width:auto;
	background:#fff;
	display:block;
	margin:auto;
	margin-top:0px ;
	border-bottom:3px solid #666;
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #666;}

	.navbar ul li ul li{
	font-size: 14px;
	border:none;
	margin-top:-1px;
	width:200px;
	border-radius: 7px 7px 7px 7px;}
	.navbar ul li ul li:hover{
	background:#CCC;
	color: #FFFFFF;
	font-family: Arial,Helvetica,sans-serif;}
	
	a#linkmenu{
	height:100%; display:block;}
	a#linkmenu:hover{
	text-decoration:underline;
	text-shadow:1px 1px 3px #000;}
	#linknavbar{ height:100%; width:100%; display:block;}
	.logobosh{
	background:url(../images/lgbos.png) center bottom no-repeat;
	height:41px;
	width:232px;
	float:right; display:block;}
	
	.header_right{ float:left; height:119px; width:655px; display:block;}
	.nav_tiny{ float:right; margin-right:-10px; clear:both; width:690px;}
	.nav_tiny h4{ display:inline; float:left; font-weight:100; width:340px; line-height:42px; text-align:center;
		font-family:Arial;
		font-size:16px; color:#fff; }
	.nav_tiny ul{list-style:none;}
	.nav_tiny ul li{ 
	display:inline;
	height:42px; line-height:42px;
	float:left;
	padding:0 10px;}
	.nav_tiny ul li:hover{
	background:url(../images/nav-hover.png) center bottom no-repeat;}
	.nav_tiny ul a{ color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:14px;}
	.form_search{
	width:640px; height:40px; 
	display:block; float:right; 
	clear:both;}
	.form_search tr{ float:right; display:inline; overflow:hidden;}
	.form_search tr td{ width:290px;}
	.search_btn{ background:url(../images/btn_search.png) center center no-repeat; 
	width:24px; height:24px; float:right;
	border-radius:5px;
	margin-left:-10px;}
	.search{ background:url(../images/bg_search.png)  no-repeat;
	border:none; 
	float:right;
	width:230px; height:24px; line-height:24px;
	margin-left:10px;
	padding-left:10px;
	padding-right:10px;
	margin-right:10px; 
	overflow:hidden;
	color:#666666;}
div.panel,p.flip
{
	color:#fff;
width:40px;
margin:0px;
text-align:center;
position:relative;
}
div.panel
{
position:absolute;
width:350px;
background:url(../images/icon/login-form.png);
height:187px;
display:none;
z-index:100;
right:0px;
}
.panel ul { display:block; float:left; margin-top:61px ;}
.panel ul li{ width:100%; display:block; float:left; margin-top:-10px; }	
.panel ul li span{ display:block; width:30px;}
.panel ul li:hover{ background:none;}
.panel table{ margin-top:50px;}
.sign-col1{ width:90px; text-align:right; color:#000;}
.sign-col2{ width:250px;}

#btn-login{ text-align:right; float:right; margin-right:10px; background:url(../images/icon/login_btn.png); 
			width:104px; height:28px; border:none;}
#btn-login:hover{ text-align:right; float:right; margin-right:10px; background:url(../images/icon/login_btn-hover.png); 
			width:104px; height:28px; border:none;}
#user{ background:url(../images/icon/textbox.png) top left no-repeat; height:27px; width:224px; border:none; 
padding-left:5px; padding-right:10px;}
#user:hover{ background:url(../images/icon/textbox-hover.png) top left no-repeat; }
#user:active{ background:url(../images/icon/textbox-hover.png) top left no-repeat; }
#user:visited{ background:url(../images/icon/textbox-hover.png) top left no-repeat; }
#pass{ background:url(../images/icon/textbox.png) top left no-repeat; height:27px; width:224px; border:none; 
padding-left:5px; padding-right:10px;}
#pass:hover{ background:url(../images/icon/textbox-hover.png) top left no-repeat; }
#pass:active{ background:url(../images/icon/textbox-hover.png) top left no-repeat; }
#pass:visited{ background:url(../images/icon/textbox-hover.png) top left no-repeat; }
/*Mainbody element*/	

.banner_full{ width:100%; height:auto;
background:url(../images/banner/topbanner-bg.png);
border-bottom: 1px solid #eee;
overflow: hidden;
position: relative;
display:block;
margin-bottom:-5px; clear:both;}	
.banner_full_content{ width:990px;  margin:auto; text-align:center; background:center;}
.banner_full_content h1{ position:absolute; text-align:left center; line-height:150px; font-size:3em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:100;}
.mainbody{
	width:100%;
	display:block; height:auto;}
	.wrap_slide{ margin:auto; width:990px; background:#fff; margin-top:-1px;}
	#wrap {
	margin:10px auto;
	width:650px; 
}
label {
	display:inline; 
	padding-bottom:5px; 
	margin-top:10px;
}
	.wrap_category{
		overflow:hidden!important;
	background:#fff;
	display:block;
	height:200px; width:988px;
	margin:0px auto 10px;
	border-radius: 0 0 8px 8px;
	border-left:1px solid #dedede;
	border-right:1px solid #dedede;
	border-bottom:1px solid #dedede;
	}
	.content{
	display:block; 
	width:990px; height:350px;
	margin:auto;	}
	.left_content{
	width:750px; 
	height:350px;
	float:left;}
	.left_content a{
	margin-bottom:10px;}
		.element_feature{
		background:url(../images/banners.png) no-repeat top right;
		width:245px; margin-right:5px; margin-bottom:10px;
		height:170px;
		float:left;}
		.title_feature{
		background:url(../images/title_feature.png) no-repeat scroll;
		height:45px; width:245px;}
		.title_feature h2{
		font-family:Georgia, "Times New Roman", Times, serif;
		letter-spacing:-1px;
		font-size:21px; 
		color:#fff; font-style:oblique; font-weight:400;
		padding:8px 0 0 15px; text-transform:capitalize;}
		.content_feature2{
		background:url(../images/bg-banner.png);
		height:125px;}
		.content_feature{
		position:relative;}
		.img_feature{ margin: 3px 1PX 0 1px; float:left; border:1px solid #eee;}
		.img_feature img{ border:none;}
		.noidung_feature{
		font-family:Arial, Helvetica, sans-serif;
		font-size:15px;
		color:#666666;
		padding:10px 5px 5px 95px;
		text-align:left;}
		.btn_chitiet:hover{ text-decoration:underline;}
		.btn_chitiet{
		background: -moz-linear-gradient(center top , #E8E8E8 0%, #D1D1D1 100%) repeat scroll 0 0 transparent;
		border: 1px solid #9D9D9D;
		box-shadow: 0 1px 0 #F5F5F5 inset;
		color: #656464;
		display: inline-block;
		padding: 0px 10px;
		text-shadow: 1px 1px 0 white;
		position:absolute;
		top:95px; left:170px;
		border-radius:15px;}

		.banners-top-name span:hover{color: #FFF;}
		.banners-top-link{
		border-radius: 0 0 5px 5px;
		box-shadow: 0 4px 5px rgba(0, 0, 0, 0.12);
		color: #dedede;
		display: block;
		float: left;
		height: 160px;
		width:240px;
		position: relative;
		text-decoration: none;
		margin-right:6px;}
		.banners-top-name{
		-moz-border-bottom-colors: none;
		-moz-border-image: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color:-moz-use-text-color #FFFFFF #FFFFFF;
		background: url(../images/banners-top-name.gif) repeat-x scroll center bottom transparent;
		border-radius: 0 0 5px 5px;
		border-style: none solid solid;
		border-width: 0 1px 1px;
		display: block;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:100;
		font-size: 15px;
		height: 35px;
		line-height: 33px;
		padding: 0 13px 0 12px;
		text-transform: capitalize!important;}
		.banners-top-name:hover{
		background: url(../images/banners-top-name.gif) repeat-x scroll center top #036B9F;
		color:#fff;}
		.banners-top-name span{
		background: url(../images/banners-top-name-marker.png) no-repeat scroll right 14px transparent;
		display: block;}		
	.right_content{
	background:url(../images/module1-bgr.png) no-repeat scroll right top;
	width:230px; 
	height:250px;
	float:left;
	padding:5px;}
	.right_content h2{
	background:url(../images/icon/support.png) no-repeat;
	height:40px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
	font-size:16px;
	font-weight:100;
	text-align:center;
	margin-top:-10px;
	padding-top:10px;}
	.right_content table{}
	.right_content table tr{
	line-height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;}
	.right_content table tr td{
	width:33%;
	overflow:hidden;}
.lienhe_col1{ width:40%;}
.lienhe_col2{ width:60%;}	

#contactform {
	width:650px; 
	overflow:hidden;}

#contactform li {
	list-style:none; 
	padding-bottom:20px;}

#contactform li .fieldbox {
	background:transparent url(../images/subfield.jpg) no-repeat top left; 
	float:left; 
	height:27px; 
	padding-left:5px;}

#contactform li .fieldbox input {
	background:transparent url(../images/subfield.jpg) no-repeat top right; 
	height:22px; 
	line-height:18px;
	padding-top:5px;
	width:400px;border:none;}

#contactform li .fieldbox #contact {
	width:200px;}

#contactform li .msgbox {
	background:transparent url(../images/msgfield.jpg) no-repeat top left; 
	float:left; 
	height:110px; 
	padding-left:5px;}

#contactform li .msgbox textarea {
	background:transparent url(../images/msgfield.jpg) no-repeat top right; 
	height:110px;
	padding-top:5px;
	width:500px;	border:none;}

#sendbutton {
	background:#acb4cb; color:#fff; 
	cursor:pointer;
	padding:5px 10px; 
	-moz-border-radius:4px;
	-webkit-border-radius:4px}

	
.footer{
background:url(../images/footerbg.gif)no-repeat scroll #f1f1f1;
height:150px;
width:100%;
padding-top:10px;
margin:20px auto 0;
text-align:center;
color:4#424242;
text-shadow: 1px 1px 4#fff;}	

	.footer_content{
	background:#fff;
	width:990px; margin:auto;
	height:auto;}
	
	.contact{
	margin-top:20px;
	padding-left:20px;
	width:600px;
	color:#886efa;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	font-weight:bold;
	letter-spacing:-1px;
	float:left;}
		.name{
		background:url(../images/name.png) no-repeat scroll ;
		width:370px; height:27px;
		margin-bottom:5px;}
	.footer_right{  float:right; display:block; width:220px; height:140px;}	
		.mod_title{ background:url(../images/icon/thongke-truycap.png) top right no-repeat; height:31px ; width:211px;}
		.mod_title h3{ text-transform: capitalize; font-size:16px; font-family:"Trebuchet MS"; line-height:30px; color:#fff; text-shadow:1px 1px 1px #000;}
		.mod_content{ width:209px; border:1px solid #dedede; height:100px;}
		.num_visit{ clear:both; margin:5px; height:20px; width:200px;}
		.num_visit img{ margin-left:-4px;}
		.counter{  width:190px; margin:auto; padding-top:5px;}
			.col1{ width:30px;}
			.col2{ width:120px; text-align:left; font-size:13px; font-family:"Trebuchet MS";text-transform:capitalize;}
			.col3{ width:50px; text-align:right; font-size:12px; font-family:"Trebuchet MS";}
	.tool{ margin-bottom:15px;
	border:1px dashed#000;
	font-size:10px; color:#666666; text-shadow:3px  #111;}
	
.copyright{ font-size:10px; clear:both; color:#666; margin-bottom:0px; text-align:center;!important; text-shadow:1px 1px #fff; margin-top:20px;}
.hotline{padding:3px 0; text-align:right;}
.sdt{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:19px;font-style:italic;color:#F58426 !important;}

/*------------------------------------------------*/
/*-----------------[MainContainer]--------------*/
/*------------------------------------------------*/

.main_container{
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 8px 8px 8px 8px;
	margin: 10px auto 20px;
	padding: 20px;
	width: 950px;
	height:auto;
	display:block;  overflow:hidden;
	margin-bottom:10px;
	padding-bottom:20px;}
.sitemap{
	background: url(../images/index_title.gif) repeat-x scroll 0 0 transparent;
	border-bottom: 1px solid #ECECEC;
	border-radius: 6px 6px 0 0;
	font-size: 10px;
	font-weight: normal;
	margin: -20px -20px 20px;
	padding: 15px 0 14px 20px;
	text-transform: uppercase;}
.sitemap ul li {
	list-style:none; display:inline-block;}
	.noidungtext{ text-align:justify; padding:10px}
	.col-main{
		float: left; display:block;
		width: 700px; height:auto;
		text-align:justify;	
		}
	.col-right{
		float: right; 
		width: 240px; height:auto;}
		#addtocart{
			background:url(../images/bottom-link2.png) no-repeat bottom left scroll;
			color: #11B6C6;
			display: block;
			font-size: 12px;
			font-weight: bold;
			line-height: 20px;
			padding: 9px 10px 11px;
			position: absolute;
			text-decoration: none;
			width: 185px;
			z-index: 13;
			right:0px;
			bottom:-10px;}
		#addtocart:hover{
			background:url(../images/bottom-link2.png) no-repeat top left scroll;}
		.description{
			color:#888888;
			text-align:justify;
			margin:5px;
			margin-bottom:10px;}
		.description h2{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:30px;
			color:#FC0;}
			
		.sanphamlienquan{
			margin-top:10px;
			color:#666;
			text-align:justify;
			margin:5px;
			border-top:1px dashed #666;}
		.sanphamlienquan h2{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size:22px;
			color:#33C;
			margin-bottom:15px;
			margin-top:10px;}
		.sanphamlienquan ul{ display:inline-block;}	
		.sanphamlienquan ul li { list-style:none; display:inline; float:left;}
		.sanphamlienquan img{
			width:120px;
			height:120px;
			padding:3px 2px;
			border:1px solid #dedede;
			margin:0 4px;}
		.block{
			border: 1px solid #EAEAEA;
			margin: 0 0 5px;
			display:block;}
		.block .block-title{
			background: url(../images/bg_block.gif) no-repeat scroll 0 0 #F0F0F0;
			border-bottom: 1px solid #EAEAEA;
			padding: 5px 0 5px 33px;}
		.block-title strong{	
			color: #272727;
			font-size: 16px;
			font-weight:100;
			text-transform: uppercase;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
		.block-content{	
			font-size: 11px;
			padding: 10px;}
		.block-content li{ clear:both;margin: 5px 0; height:60px;}
		.block-content span{ float:left; height:60px; line-height:60px;}
		.block-content span h4{ margin-left:5px;}
		.resize_colright{ width:60px; height:60px; border:1px solid #dedede; display:block; float:left; }
		.sp_right{ margin:3px 0; display:block;}
		.sp_right_left{}
		.sp_right_right{
			line-height:40px;
			margin-left:5px;
			margin-right:5px;
			overflow:hidden;}
		.dacbiet{ clear:both; display:block; margin:auto; display:block; margin-bottom:5px; height:auto;}
		.dacbiet a{margin-bottom:20px; display:block; float:left;}
		.dacbiet a:hover{ text-decoration:none;}
	  .mostpopular{ width:695px ; height:300px;  margin-bottom:10px;}
	  	.top1{ width:330px; height:298px; display:block; float:left; 
			border-top:1px solid #dedede;
			border-bottom:1px solid #dedede;
			border-left:1px solid #dedede;}
			.resizetop1{ width:330px; height:298px;}
		.top4{ width:364px; height:100%;display:block; float:right;}
		.top4element{ width:180px; height:148px; float:left; display:block; background:#09F; border:1px solid #dedede;}
			.resizetop4{width:180px; height:148px;}
		
#width420{ width:420px;}
		.lib{ width:699px; height:160px; margin:auto; clear:both; margin-bottom:20px; display:block;}
			.lib_col1{ width:231px; max-height:150px; display:block; float:left; }
			.lib_col1{ width:231px; max-height:150px; display:block; float:left;}
			.lib_col1{ width:231px; max-height:150px; display:block;}
			#col-100{ width:100px; overflow:hidden; text-align:right;}
			#col-150{ width:150px; overflow:hidden;}
			#col-400{ width:420px; overflow:hidden; border-bottom:1px dotted #dedede;}
			#col-550{ width:550px; overflow:hidden; border-bottom:1px dotted #dedede;}
			#resize-lib{ max-height:160px; margin:auto;}
			.lib1 a{ color:#0C0; font-size:14px}
			.lib2 a{ color:#111; font-size:13px}
			.lib3 a{ color:#00F; font-size:13px}
			.mid{ padding:0 20px;}
		.lib-list{ width:674px; height:auto;  margin:10px 0; border-radius:5px; padding:10px ; 
			border-top: 2px solid #09C;
			border-bottom: 2px solid #09C;
			border-left: 2px solid #09C;
			border-right: 2px solid #09C;}
		.lib-list a{ text-decoration:none;}
		.lib-list a:hover{ text-decoration:underline;}
		.select-top4 { display:block; float:left; height:auto;
			border-bottom:2px solid #dedede; margin-bottom:10px; padding-bottom:10px;
			border:1px solid #E6F2FF;
			 border-radius:0 0 7px 7px;}
#feature-plus{ width:950px; height:100px; display:block;  clear:both; padding-top:20px;}
#btn{
background: -moz-linear-gradient(center top , #2E98E4, #237AB8) repeat scroll 0 0 #74C6FF;
border-radius: 4px 4px 4px 4px;
display: block;
float: right;
font-family: Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: bold;
height: 30px;
margin-right:5px;
text-align: center;
width: 90px;}
#btn:hover{background: -moz-linear-gradient(center top , #FF6600, #B86D23) repeat scroll 0 0 #FF6600;}
#btn a{ color:#fff; font-weight:100; text-decoration:none; padding:3px 6px; line-height:30px;}
		.one-group{ margin-bottom:20px; display:block; float:left; clear:both;}
		.one-group a{ text-decoration:none;}
		.one-group h3{width:674px; padding:5px 10px 5px 10px; 
			font-size:30px; text-align:right; color:#fff; text-shadow:1px 1px 2px #000;
			text-transform:capitalize;
			font-weight:100; border-radius:7px 7px 0 0;
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
		.select-top4 ul li{ display:inline-block; float:left; padding:5px 35px; margin:auto;}
		.select-top4 ul{ display:block; float:left; margin:auto;}

		#tin{ color:#00f;}
		#tin:hover{ color:#000;}
		#tin:active{ color:#333; font-style:italic;}
.subcat-maygiat{ background:url(../images/banner/subca-maygiat.jpg) top left no-repeat; width:694px; height:160px;}
.tintuc{ max-width: 690px;}
.tintuc a{ text-decoration:none;}
.tintuc a:hover{ text-decoration:underline;}
.tintuc h4{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:400;}
.tintuc li{ border-bottom:1px solid #E6F2FF; margin:3px 0; padding:3px 5px;}
.tintuc li:hover{ box-shadow: 3px 3px 2px #DEDEDE;}
.tintuc span{ font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.noidung { padding:10px 5px;}
.noidung h4{ font-size:20px; text-align:center;}
#anhtin{ clear:both; margin:auto; text-align:center; width:100%;}
.anhtin{ max-width:400px;}
.noidungtext p{ clear:both; width:100%; text-align:center; padding-bottom:15px;}

.wrap{ margin:auto; width:auto; height:auto;}
/*------------------------------------------------*/
/*-----------------[ListCategory]--------------*/
/*------------------------------------------------*/


	
.add-on{ width:990px; margin:auto;}
.saleoff{margin-top:10px;
	background:url(../images/banner1.png) top left no-repeat;
	width:240px; height:76px; display:block; float:left; margin-left:10px;}
.freeship{
	margin-top:10px;
	background:url(../images/banner2.png) top left no-repeat;
	width:698px; height:76px; display:block; float:left;}
		.col-main a{ 
			opacity:0.8;
			filter:alpha(opacity=80); /* For IE8 and earlier */}
		.col-main a:hover{ 
			opacity:1.0;
			filter:alpha(opacity=100); /* For IE8 and earlier */}
		.banner_category{ width:695px; height:250px; border: 1px solid #CCC;}
		#grid_3{ width:150px; float:left;}
		.top-box:before{
			background: url(images/reflextion.gif) repeat-x scroll 0 0 transparent;
			bottom: -22px;
			content: "";
			height: 20px;
			left: 0;
			position: absolute;
			right: 0;}
		.top-box{-moz-border-bottom-colors: none;
			-moz-border-image: none;
			-moz-border-left-colors: none;
			-moz-border-right-colors: none;
			-moz-border-top-colors: none;
			background: none repeat scroll 0 0 #FCFBFB;
			border-color:#E7E6E6  #E7E6E6;
			border-style: solid ;
			border-width: 6px 1px 1px;
			box-shadow: 0 0 50px rgba(0, 0, 0, 0.1) inset;
			padding: 10px 7px 20px;
			text-align: center;
			margin:0 4px 10px}
		.top-box:hover{
			border-top-color: #FD8927;}
		.icon{ height:165px; width:140px;}
		.icon-holder{background: url(images/button-shadow.png) no-repeat scroll 50% 100% transparent;
			padding-bottom: 3px;}
		.top-box h3{
			color: #919191;
			font-family: 'Open Sans',sans-serif;
			font-size: 12px;
			font-weight: 700;
			height: 26px;
			line-height: 1.2em;
			text-transform: uppercase;}
		.box-text{margin-bottom: 22px; font-size: 12px;
font-style: normal;}
		.button:before{background: url(simages/button-shadow.png) no-repeat scroll 0 0 transparent;
			bottom: -20px;
			content: "";
			display: block;
			height: 23px;
			left: 50%;
			margin-left: -48px;
			position: absolute;
			width: 96px;}
		.button{background: url("images/button-bg.gif") repeat-x scroll 0 0 padding-box #676767;
			border-radius: 3px 3px 3px 3px;
			color: #FFFFFF!important;
			display: inline-block;
			font-family: 'Open Sans',sans-serif;
			font-size: 14px;
			font-weight: 700;
			padding: 6px 15px;
			position: relative;
			text-decoration: none;
			text-transform: uppercase;}
.menu_right{ padding-left:20px; padding-right:15px;
			padding-bottom:10px;}
.menu_right ul {
	border-bottom:1px solid #dedede;
	border-top:1px solid #999;}
.menu_right ul li{
	padding-top:2px; 
	border-bottom:1px solid #999;
	border-top:1px solid #dedede;
	background:url(../images/icon/list.gif) center left no-repeat;
	padding-left:25px;
	height:25px;}
.menu_right ul li:hover{	
    box-shadow: 3px 3px 3px #dedede;
	text-decoration:underline;}
.menu_right ul li a{ text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px;}		
.livehelp_right{ margin-top:20px; }


/*------------------------------------------------*/
/*-----------------[FEATURED SLIDER]--------------*/
/*------------------------------------------------*/

#featured-area { height: 340px; position: relative; padding: 11px 12px 14px 14px; z-index: 1; }
	#featured-area .pics { position: absolute; width: 660px; height: 340px; top: 11px; left: 14px; z-index: 1; }
	#featured-area .pics div.excerpt { position: absolute; bottom: 0px; left: 0px; width: 620px; background:url(../images/top-slide/excerpt-bg.png) scroll repeat ; padding: 12px 0px 12px 40px; z-index: 2; }
	#featured-area .pics div.excerpt p { color: #ffffff; font-family: Georgia, serif; }
	#featured-area .pics span.feat-overlay { background: url(../images/top-slide/overlay.png)) no-repeat; position: absolute; top: 0px; left: 0px; display: block; width: 660px; height: 298px; z-index: 1; }
	#featured-area div#slider-control { position: absolute; width: 300px; height: 340px; border: 1px solid #b4b4b4; z-index: 4; top: 11px; right: 14px; }
	#featured-area div#slider-control div.featitem img { float: left; margin-right: 10px; border: 1px solid #f6f6f6; margin-top: 4px; margin-left:0px; border:1px solid #CCCCCC; }
	#featured-area div#slider-control div.featitem span.order { display: none; }
	#featured-area div#slider-control div.featitem h2 { font-size: 14px; line-height: 24px; float: left; width: 180px; padding-bottom: 4px;  font-weight:100;}
div#slider-control div.featitem h2 a { color: #959595; }
	#featured-area div#slider-control div.featitem span.meta { color: #b6b6b6; font-size: 11px; padding: 1px 0px; border: 1px solid #cfcfcf; border-width: 1px 0px; display: block; float: left; width: 172px; }
	#featured-area div#slider-control div.featitem { background: url(../images/top-slide/featitem-bg.png) no-repeat center left; height: 65px; float: left; width: 275px; padding: 10px 15px 10px 10px; cursor: pointer; }
	#featured-area div#slider-control div.featitem.active { background: url(../images/top-slide/featitem-bg-active.png) no-repeat center left; margin-left: -20px; padding-left: 38px; }
	#featured-area div#slider-control div.featitem.active h2 { background: url(images/featitem-active-h2border.png) repeat-x bottom left; margin-bottom: 1px; color: #000000; }
	#featured-area div#slider-control div.featitem.active span.meta { color: #797979; border: 0px; }

.container { text-align: left; width: 988px; margin: 0 auto; position: relative; 
	border-bottom:1px solid #dedede;
	border-right:1px solid #dedede;
	border-left:1px solid #dedede;}
	
	
//**Catalogue**//

.index_block {margin:auto;}
.index_block h2 { 
	background:url(../images/index_title.gif) repeat-x; 
	border-bottom:solid 1px #ECECEC; 
	padding:1px 0 5px 20px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:20px; 
	font-weight:100; color:#29282C; }
.specials h2 { color:#F58426 !important; }
.specials { margin:0 auto 20px auto !important; }

.new_products_holder { padding:20px 0 40px 20px; }

.specials_holder { padding:5px; height:180px; width:auto;}
.marquee{ width:2000px; height:160px; overflow:hidden;}
.element-cata{ display: block; float:left; border:1px solid #dedede; margin:2px 15px; border-radius:6px}
.element-cata h4{ text-align:center; text-transform:capitalize; background:#CCC; border-radius:0 0 5px 5px}
#resize-140{ width:140px; height:130px;  border-radius:6px 6px 0 0;}
#viewport {	width:940px; overflow:hidden; z-index:100; position:absolute; }
#viewport ul {	position: relative;	padding: 0 !important; margin:0 !important; z-index:1;}
#viewport ul li a img{	border: 2px solid #eee; height:150px; width:150px;}
#viewport li {	float:left; width:158px; height:179px; margin:0 32px 0 3px;; padding:0; list-style:none; }
#viewport li .product-image { width:180px; height:180px; margin:0 20px 0 0; }
#viewport li .product-name { font-size:14px; font-family:Arial!important; text-transform:capitalize; padding:0 0 0 0; line-height:15px; min-height:42px; text-align:center; font-weight:400; }
#viewport li .product-name a { color:#888; text-decoration:none;}
#viewport li .product-name a:hover { color:#000; text-decoration:none; }
#viewport li .new_pr_btn { text-align:center; }
#viewport li .price-special { font-size:19px; font-weight:normal; color:#BE2603; text-align:center; margin:0 0 7px 0; }
#viewport li .price-original { font-size:15px; font-weight:normal !important; color:#878687; text-decoration:line-through; text-align:center; margin:0 0 12px 0; }

.specials_holder .prev { background:url(../images/prev.png) no-repeat; position:absolute; margin:68px 0 0 -24px; width:19px; height:29px; display:block; }
.specials_holder .next { background:url(../images/next.png) no-repeat; position:absolute; margin:68px 0 0 943px; width:19px; height:29px; display:block; }
.specials_holder .prev:hover, .specials_holder .next:hover { background-position:0 -29px; }
